<template>
  <n-space class="icon_box" :size="3">
    <n-icon :size="14" v-bind="$attrs" :component="carbon[attrs.name]" class="icon_box" />
    <slot />
  </n-space>
</template>
<script lang="tsx" setup>
import * as carbon from "@vicons/carbon";
import { IconProps } from 'naive-ui';
import { useAttrs } from 'vue';
const attrs: IconProps & { name?: string } = useAttrs();
</script>
<style lang="scss" scoped>
.icon_box {
  display: flex;
  align-items: center;
  width: max-content;
  font-size: 14px;
}
</style>